<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./assets/css/reset.css">
    <link rel="stylesheet" href="./assets/css/order_info.css">
</head>
<body>
    <div class="top">
        <div>订单详情</div>
    </div>
    <div class="order_info">
        <div class="info_content">
            <div class="content_title">订单信息：</div>
            <div class="content_item">
                <p>订单单号</p>
                <div>20230510124546000000016421</div>
            </div>
            <div class="content_item">
                <p>订单金额</p>
                <div class="content_price">￥180.00</div>
            </div>
            <div class="content_item">
                <p>订单状态</p>
                <div>已入住</div>
            </div>
            <div class="content_item">
                <p>下单时间</p>
                <div>2023-05-10</div>
            </div>
            <div class="content_item">
                <p>入住时间</p>
                <div>07月05日 - 07月06日 共 1 晚</div>
            </div>
        </div>
        <!-- 入住信息 -->
        <div class="info_footer">
            <div class="content_title">入住信息：</div>
            <div class="resident_list">
                <div class="list-body">
                    <div class="list-body-inner">
                        <div class="list-item">
                            <div class="list-item-content">
                                <div class="list-item-content-main">
                                    姓名：赵六
                                    <div class="list-item-description">身份证：430481199909191245</div>
                                </div>
                                <div class="list-item-content-extra">手机号码：13060808098</div>
                            </div>
                        </div>
                        <div class="list-item">
                            <div class="list-item-content">
                                <div class="list-item-content-main">
                                    姓名：赵六
                                    <div class="list-item-description">身份证：430481199909191245</div>
                                </div>
                                <div class="list-item-content-extra">手机号码：13060808098</div>
                            </div>
                        </div>
                        <div class="list-item">
                            <div class="list-item-content">
                                <div class="list-item-content-main">
                                    姓名：赵六
                                    <div class="list-item-description">身份证：430481199909191245</div>
                                </div>
                                <div class="list-item-content-extra">手机号码：13060808098</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="info_footer">
            <div class="content_title">房屋信息：</div>
            <div class="detail">
                <div class="thumb">
                    <img src="./assets/images/hotel1.jpg" alt="">
                </div>
                <div class="right">
                    <p>普通标间</p>
                    <div class="tips">
                        <span>一室一厅</span>
                        <span>15.00㎡</span>
                        <span>宜住2人</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="info_footer">
            <div class="content_title">评价信息：</div>
            <div>
                <img src="./assets/images/rateinfo.png" alt="">
            </div>
        </div>
    </div>
</body>
</html>